
<script setup lang="ts">
import { ref } from 'vue';


const tupian=ref([
 'https://tse2-mm.cn.bing.net/th/id/OIP-C.WR7rCX161fDGn0P-g4xu4QHaNK?rs=1&pid=ImgDetMain',
  'https://tse2-mm.cn.bing.net/th/id/OIP-C.y8b2H3ksnHIe4B9kiYWuBQHaKv?rs=1&pid=ImgDetMain',
  'https://tse1-mm.cn.bing.net/th/id/OIP-C.uqvfUAthKWKUg-AhmVDSsAHaRY?rs=1&pid=ImgDetMain'

])
const index=ref(0)

</script>

<template>
  <div class="page">
  <button @click="index++">下一个</button>
  <img :src="tupian[index]" alt="">

  </div>
</template>

<style scoped></style>
  